@import 'element-plus/theme-chalk/dark/css-vars.css';

html.dark{
  #app{
    color: #dddddd;
  }
  .app-main{
    background-color: inherit !important;
  }
  .el-table{
    color: #dddddd !important;
  }
  .el-table th.el-table__cell{
    background-color: inherit !important;
    color: #cccccc !important;
  }

  .el-menu-item, .el-sub-menu__title{
    color: #eeeeee;
  }
  .el-menu-item:hover,.el-sub-menu__title:hover{
    background-color: #505968;
    color: #cccccc;
  }

  .el-form-item__label{
    color: #cccccc !important;
  }
  .el-input__inner{
    color: #dddddd !important;
  }

  .el-breadcrumb {
    .el-breadcrumb__inner.is-link {
      color: #cccccc;
    }
    .el-breadcrumb__item:last-child .el-breadcrumb__inner{
      color: #cccccc;
      opacity: .7;
    }
  }

  .el-select-dropdown__item{
    color: #cccccc !important;
  }

  .el-dropdown{
    color: #cccccc !important;
  }

}
